<!doctype html>


<html>
<head>
  <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
  <title>style.js (Closure Library API Documentation - JavaScript)</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/doc.css">
  <link rel="stylesheet" href="static/css/sidetree.css">
  <link rel="stylesheet" href="static/css/prettify.css">

  <script>
     var _staticFilePath = "static/";
  </script>

  <script src="static/js/doc.js">
  </script>

  <meta charset="utf8">
</head>

<body onload="prettyPrint()">

<div id="header">
  <div class="g-section g-tpl-50-50 g-split">
    <div class="g-unit g-first">
      <a id="logo" href="index.html">Closure Library API Documentation</a>
    </div>

    <div class="g-unit">
      <div class="g-c">
        <strong>Go to class or file:</strong>
        <input type="text" id="ac">
      </div>
    </div>
  </div>
</div>





<div class="colmask rightmenu">
<div class="colleft">
    <div class="col1">
      <!-- Column 1 start -->

<div id="title">
       <span class="fn">style.js</span>
</div>

<div class="g-section g-tpl-75-25">
  <div class="g-unit g-first" id="description">
    Provides utility routines for copying modified
 {@code CSSRule} objects from the parent document into iframes so that any
 content in the iframe will be styled as if it was inline in the parent
 document.

 <p>
 For example, you might have this CSS rule:

 #content .highlighted { background-color: yellow; }

 And this DOM structure:

 <div id="content">
 <iframe /></iframe>
 </div>

 Then inside the iframe you have:

 <body>
 <div class="highlighted">
 </div></body>

 If you copied the CSS rule directly into the iframe, it wouldn&#39;t match the
 .highlighted div. So we rewrite the original stylesheets based on the
 context where the iframe is going to be inserted. In this case the CSS
 selector would be rewritten to:

 body .highlighted { background-color: yellow; }
 </p>
  </div>
  

        <div class="g-unit" id="useful-links">
          <div class="title">Useful links</div>
          <ol>
            <li><a href="closure_goog_cssom_iframe_style.js.source.html"><span class='source-code-link'>Source Code</span></a></li>
          </ol>
        </div>
</div>

<h2 class="g-first">File Location</h2>
  <div class="g-section g-tpl-20-80">
    <div class="g-unit g-first">
      <div class="g-c-cell code-label">cssom/iframe/style.js</div>
    </div>
  </div>
<hr/>


  <h2>Classes</h2>
 <div class="fn-constructor">
        <a href="class_goog_cssom_iframe_style_CssRuleSet_.html">
          goog.cssom.iframe.style.CssRuleSet_</a><br/>
        <div class="class-details">Class representing a CSS rule set. A rule set is something like this:
h1, h2 { font-family: Arial; color: red; }</div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_cssom_iframe_style_CssSelector_.html">
          goog.cssom.iframe.style.CssSelector_</a><br/>
        <div class="class-details">Represents a single CSS selector, as described in
<a href="http://www.w3.org/TR/REC-CSS2/selector.html">http://www.w3.org/TR/REC-CSS2/selector.html</a>
Currently UNSUPPORTED are the following selector features:
<ul>
<li>pseudo-classes (:hover)
<li>child selectors (div &gt; h1)
<li>adjacent sibling selectors (div + h1)
<li>attribute selectors (input[type=submit])
</li></li></li></li></ul></div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_cssom_iframe_style_CssSelectorPart_.html">
          goog.cssom.iframe.style.CssSelectorPart_</a><br/>
        <div class="class-details">Represents one part of a CSS Selector. For example in the selector
&#39;body #foo .bar&#39;, body, #foo, and .bar would be considered selector parts.
In the official CSS spec these are called &quot;simple selectors&quot;.</div>
 </div>
 <div class="fn-constructor">
        <a href="class_goog_cssom_iframe_style_NodeAncestry_.html">
          goog.cssom.iframe.style.NodeAncestry_</a><br/>
        <div class="class-details">Represents an element and all its parent/ancestor nodes.
This class exists as an optimization so we run tests on an element
hierarchy multiple times without walking the dom each time.</div>
 </div>
      
<br/>

  <div class="legend">
        <span class="key publickey"></span><span>Public</span>
        <span class="key protectedkey"></span><span>Protected</span>
        <span class="key privatekey"></span><span>Private</span>
  </div>


  <h2>Global Functions</h2>





<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.cssom.iframe.style.colorImportantReplaceRegex_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">colorImportantReplaceRegex_<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Regexp that matches &quot;color: value;&quot;.
     </div>

   
  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line271">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.cssom.iframe.style.getBackgroundContext"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">getBackgroundContext<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span></div>
      </div>


     <div class="entryOverview">
       Generates a set of CSS properties that can be used to make another
element&#39;s background look like the background of a given element.
This is useful when you want to copy the CSS context of an element,
but the element&#39;s background is transparent. In the original context
you would see the ancestor&#39;s backround color/image showing through,
but in the new context there might be a something different underneath.
Note that this assumes the element you&#39;re copying context from has a
fairly standard positioning/layout - it assumes that when the element
has a transparent background what you&#39;re going to see through it is its
ancestors.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/DOM/Element">Element</a></span></div>
        <div class="entryOverview">The element from which to copy background styles.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span></div>&nbsp;
            Object containing background* properties.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line920">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.cssom.iframe.style.getBackgroundXYValues_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">getBackgroundXYValues_<span class="args">(<span class="arg">styleObject</span>)</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;</div>
      </div>


     <div class="entryOverview">
       Given an object containing a set of styles, returns a two-element array
containing the values of background-position-x and background-position-y.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">styleObject</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span></div>
        <div class="entryOverview">Object from which to read style properties.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;</div>&nbsp;
            The background-position values in the order [x, y].
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line893">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.cssom.iframe.style.getComputedStyleObject_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">getComputedStyleObject_<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span></div>
      </div>


     <div class="entryOverview">
       Returns an object containing the set of computedStyle/currentStyle
values for the given element. Note that this should be used with
caution as it ignores the fact that currentStyle and computedStyle
are not the same for certain properties.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/DOM/Element">Element</a></span></div>
        <div class="entryOverview">The element whose computed style to return.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span></div>&nbsp;
            Object containing style properties and values.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line868">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.cssom.iframe.style.getElementContext"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">getElementContext<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">opt_forceRuleSetCacheUpdate</span>,&nbsp;<span class="arg">opt_copyBackgroundContext</span>)</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>
      </div>


     <div class="entryOverview">
       Reads the current css rules from element&#39;s document, and returns them
rewriting selectors so that any rules that formerly applied to element will
be applied to doc.body. This makes it possible to replace a block in a page
with an iframe and preserve the css styling of the contents.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/DOM/Element">Element</a></span></div>
        <div class="entryOverview">The element for which context should be calculated.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_forceRuleSetCacheUpdate</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span></div>
        <div class="entryOverview">Flag to force the internal cache of rulesets to refresh itself before we read the same.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">opt_copyBackgroundContext</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span></div>
        <div class="entryOverview">Flag indicating that if the {@code element} has a transparent background, background rules from the nearest ancestor element(s) that have background-color and/or background-image set should be copied.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>&nbsp;
            String containing all CSS rules present in the original document, with modified selectors.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line712">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.cssom.iframe.style.ruleSetCache_.getRuleSetsForDocument"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.ruleSetCache_.</span><span class="entryName">getRuleSetsForDocument<span class="args">(<span class="arg">doc</span>)</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="class_goog_cssom_iframe_style_CssRuleSet_.html">goog.cssom.iframe.style.CssRuleSet_</a></span>&gt;</div>
      </div>


     <div class="entryOverview">
       Retrieves the array of css rulesets for this document. A cached
version will be used when possible.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">doc</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/DOM/document">Document</a></span></div>
        <div class="entryOverview">The document for which to get rulesets.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="class_goog_cssom_iframe_style_CssRuleSet_.html">goog.cssom.iframe.style.CssRuleSet_</a></span>&gt;</div>&nbsp;
            An array of CssRuleSet objects representing the css rule sets in the supplied document.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line621">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.cssom.iframe.style.getRuleSetsFromDocument_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">getRuleSetsFromDocument_<span class="args">(<span class="arg">doc</span>)</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="class_goog_cssom_iframe_style_CssRuleSet_.html">goog.cssom.iframe.style.CssRuleSet_</a></span>&gt;</div>
      </div>


     <div class="entryOverview">
       Inspects a document and returns all active rule sets
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">doc</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/DOM/document">Document</a></span></div>
        <div class="entryOverview">The document from which to read CSS rules.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="class_goog_cssom_iframe_style_CssRuleSet_.html">goog.cssom.iframe.style.CssRuleSet_</a></span>&gt;</div>&nbsp;
            An array of CssRuleSet objects representing all the active rule sets in the document.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line566">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.cssom.iframe.style.isTransparentValue_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">isTransparentValue_<span class="args">(<span class="arg">colorValue</span>)</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span></div>
      </div>


     <div class="entryOverview">
       Tests whether a value is equivalent to &#39;transparent&#39;.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">colorValue</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>
        <div class="entryOverview">The value to test.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span></div>&nbsp;
            Whether the value is transparent.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line853">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.cssom.iframe.style.ruleSetCache_.loadRuleSetsForDocument"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.ruleSetCache_.</span><span class="entryName">loadRuleSetsForDocument<span class="args">(<span class="arg">doc</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Loads ruleset definitions from a document. If the cache already
has rulesets for this document the cached version will be replaced.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">doc</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/DOM/document">Document</a></span></div>
        <div class="entryOverview">The document from which to load rulesets.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line607">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.cssom.iframe.style.makeColorRuleImportant_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">makeColorRuleImportant_<span class="args">(<span class="arg">cssText</span>)</span>
        </span>
        &#8658; <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>
      </div>


     <div class="entryOverview">
       Adds !important to a css color: rule
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">cssText</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>
        <div class="entryOverview">Text of the CSS rule(s) to modify.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>&nbsp;
            Text with !important added to the color: rule if found.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line281">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.cssom.iframe.style.resetDomCache"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">resetDomCache<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line554">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.cssom.iframe.style.selectorPartAnchorRegex_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">selectorPartAnchorRegex_<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Regexp that matches &quot;a&quot;, &quot;a:link&quot;, &quot;a:visited&quot;, etc.
     </div>

   
  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line67">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>






  <td>
    <a name="goog.cssom.iframe.style.valueWithUnitsRegEx_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">valueWithUnitsRegEx_<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       RegExp that splits a value like &quot;10px&quot; or &quot;-1em&quot; into parts.
     </div>

   
  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line883">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>



  <h2>Global Properties</h2>





<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.cssom.iframe.style.DECLARATION_END_DELIMITER_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">DECLARATION_END_DELIMITER_</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>
     </div>


     <div class="entryOverview">
       Delimiter marking the end of a css rules section ( } )
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line100">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.cssom.iframe.style.DECLARATION_START_DELIMITER_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">DECLARATION_START_DELIMITER_</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>
     </div>


     <div class="entryOverview">
       Delimiter marking the start of a css rules section ( h1 { )
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line92">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.cssom.iframe.style.SELECTOR_DELIMITER_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">SELECTOR_DELIMITER_</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>
     </div>


     <div class="entryOverview">
       Delimiter between selectors (h1, h2)
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line76">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.cssom.iframe.style.SELECTOR_PART_DELIMITER_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">SELECTOR_PART_DELIMITER_</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span></div>
     </div>


     <div class="entryOverview">
       Delimiter between selector parts (.main h1)
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line84">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.cssom.iframe.style.inheritedProperties_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">inheritedProperties_</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;</div>
     </div>


     <div class="entryOverview">
       Array of CSS properties that are inherited by child nodes, according to
the CSS 2.1 spec. Properties that may be set to relative values, such
as font-size, and line-height, are omitted.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line646">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.cssom.iframe.style.CssSelectorPart_.instances_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.CssSelectorPart_.</span><span class="entryName">instances_</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span></div>
     </div>


     <div class="entryOverview">
       Cache of existing CssSelectorPart_ instances.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line457">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.cssom.iframe.style.ruleSetCache_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">ruleSetCache_</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span></div>
     </div>


     <div class="entryOverview">
       Static object to cache rulesets read from documents. Inspecting all
active css rules is an expensive operation, so its best to only do
it once and then cache the results.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line591">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.cssom.iframe.style.ruleSetCache_.ruleSetCache_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.ruleSetCache_.</span><span class="entryName">ruleSetCache_</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></span></div>
     </div>


     <div class="entryOverview">
       Cache of ruleset objects keyed by document hash code.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line599">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.cssom.iframe.style.textProperties_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.cssom.iframe.style.</span><span class="entryName">textProperties_</span>
        : <div class="fullType"><span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="http://www.google.com/url?sa=D&q=https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;</div>
     </div>


     <div class="entryOverview">
       Array of CSS 2.1 properties that directly effect text nodes.
     </div>

  </td>


  <td class="view-code">
     <a href="closure_goog_cssom_iframe_style.js.source.html#line678">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>



      <!-- Column 1 end -->
    </div>

        <div class="col2">
          <!-- Column 2 start -->
          <div class="col2-c">
            <h2 id="ref-head">Directory iframe</h2>
            <div id="localView"></div>
          </div>

          <div class="col2-c">
            <h2 id="ref-head">File Reference</h2>
            <div id="sideFileIndex" rootPath="closure/goog" current="cssom/iframe/style.js"></div>
          </div>
          <!-- Column 2 end -->
        </div>
</div>
</div>

</body>
</html>
